@import "../_variable";

.zui-w-25 {
  width: 25% !important;
}

.zui-w-50 {
  width: 50% !important;
}

.zui-w-75 {
  width: 75% !important;
}

.zui-w-100 {
  width: 100% !important;
}

.zui-h-25 {
  height: 25% !important;
}

.zui-h-50 {
  height: 50% !important;
}

.zui-h-75 {
  height: 75% !important;
}

.zui-h-100 {
  height: 100% !important;
}

.zui-mw-100 {
  max-width: 100% !important;
}

.zui-mh-100 {
  max-height: 100% !important;
}

//布局
.zui-position-static {
  position: static !important;
}

.zui-position-relative {
  position: relative !important;
}

.zui-position-absolute {
  position: absolute !important;
}

.zui-position-fixed {
  position: fixed !important;
}

.zui-position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.zui-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.zui-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .zui-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
